<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>欧度男装</title>
    <meta name="keywords" content="欧度男装"/>
    <meta name="description" content="欧度男装"/>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta http-equiv="x-ua-compatible" content="IE=Edge,chrome=1"/>

    <link rel="stylesheet" href="./static/css/swiper.min.css"/>
    <link rel="stylesheet" href="./static/css/amazeui.min.css"/>
    <link rel="stylesheet" href="./static/icomoon/style.css"/>
    <link rel="stylesheet" href="./static/css/common.css"/>
    <link rel="stylesheet" href="./static/css/ouhteu.css"/>

    <meta name="apple-mobile-web-app-title" content="欧度男装"/>
    <script type="text/javascript" src="./static/js/jquery-1.11.3.min.js"></script>
	<script type="text/javascript" src="./static/js/swiper.min.js"></script>
    <script type="text/javascript" src="./static/js/amazeui.min.js"></script>
	<script type="text/javascript" src="./static/js/common.js"></script>
</head>
<body>
<header class="headerwithback">
    <div class="header_top">
        <a href="./menu.html"><i class="icon-bars"></i></a>
        <p>Passport</p> 
        <a href="./alarm.html"><i class="icon-bell-o"></i></a>
    </div>    
</header>
<div class="headerHold"></div>
<div class="user">
    <h4>丽丽你好，距离二级会员还剩 <span class="golden alfont l-ft">234</span> 欧度币！<h4>
    <div class="percent">
        <div id="canvasPercent" data-dimension="300" data-info="New Clients" data-width="10"  data-percent="75" data-fgcolor="#caa76f" data-bgcolor="#eee"></div>
        <div class="user-mask">
            <div class="s-logo">
                <img src="./static/images/logo_s.png"/>
            </div>
            <h5 class="alfont golden">268</h5>
            <p class="leavl darkGray">Leavl <span class="alfont golden">1</span></p>
        </div>
    </div>
    <p class="l-ft score">Score: <span class="ler-ft alfont golden">79</span><sup class="gray">Point</sup></p>
    
    <p class="code">
        <img src="./static/images/code.png"/><br/>
        <span class="alfont darkGray b-ft letter-s0" >0101 2212 3452 8901 ERTY</span>
    </p>
    <p class="code">
        <span class="darkGray b-ft letter-s0" >请到实体店<span class="golden">激活</span>您的会员卡</span>
    </p>
</div>
<script type="text/javascript" src="./static/js/jquery.circliful.min.js"></script>
<script>
$(function(){
    $('#canvasPercent').circliful();
});
</script>
</script>
</body>
</html>
